Error en sí mismo

Cómo se ve en VScode

Ese es el componente Toollsit

 import React, { Component } from 'react'; import Toolitem from './Toolitem' import App from '../App'; const styles = { ul:{ listStyle:"none", width:"300px" } } export default function Toollsit(toto,title){ return( {toto.map((toto)=>{return (<Toolitem toto={toto} />)})} ); };

Esa es la importación del componente Toolitem React from 'react';

 const Toolitem = ({toto}) => { return ( <div> <li> {toto.title} </li> </div> ); }; export default Toolitem;

Y esa es mi App.js

 import react from 'react'; import Toollsit from './components/Toollsit' function App(props) { const toto =[ {id:1,title:'First',completed:true}, {id:2,title:'Second',completed:false}, {id:3,title:'Third',completed:true}, ]; return ( <span className="wrapper"> <Toollsit toto={toto} /> </span> ); } export default App;

Gracias por cualquier ayuda, crítico. Realmente aprecio tus comentarios.